<script setup>
const router = useRoute()
let img = ref('/images/banner/solution/stepBg.png')
watch(
  () => router.query.tab,
  val => {
    if (val) {
      if (val == 4) {
        img.value = '/images/banner/solution/stepBg1.png'
      } else {
        img.value = '/images/banner/solution/stepBg.png'
      }
    }
  },
  {
    immediate: true
  }
)
</script>

<template>
  <section class="ym1000 flex flex-col justify-center items-center mt-180px">
    <div class="600 text-40px leading-56px">流程化管控</div>
    <div class="400 text-20px leading-28px mt-8px mb-40px" style="color: #777777">通过流程化管控，实现各环节的高效协同与标准化操作，确保管理流程的有序推进</div>
    <div style="width: 1200px; height: 406px; display: flex; justify-content: center; align-items: center">
      <img :src="img" alt="" style="width: 100%; height: 100%" />
    </div>
  </section>
</template>

<style scoped>
.ym1000 {
}
</style>
